@charset "utf-8";
/* CSS Document */

@font-face{
    font-family: IMPORT-REGULAR;
    src: url(../css/fuentes/Roboto-Light.ttf);
}
@font-face{
    font-family: IMPORT-BLACK;
    src: url(../css/fuentes/Roboto-Bold.ttf);	
}
@font-face{
    font-family: IMPORT-BOLD;
    src: url(../css/fuentes/RobotoCondensed-Regular.ttf);

}
div{
    transition:0.1s;	
}
a{
    text-decoration:none;	
    color:#6E2145;
    font-weight:bold;
}

html,body{

    position:absolute;
    top:65px;

    font-family: IMPORT-REGULAR;
    font-size:1em;
    font-weight:light;
    color:#777;

    background-color:#FFF;
    background-repeat:repeat-y;
    background-attachment:scroll;
    background-size:1920px;
    background-position:center 320px;

    margin:0px; 
    padding:0px;
    left:0px;



    width:1920px;


    max-width:100%; 
    z-index:-20;
}
h1{
    color:#333;
    font-size:1.5em;	
}
h3{
    font-family:Myriad Pro;
    font-weight:normal;

    font-size:1.7em;
    color:#FFF;
    margin:0 0 20px 0;
    padding:0 0 0 0;	
}
.div_table{
    display:table;
    margin:auto;

    width:100%;
    vertical-align:top;

}
.div_table_cell{
    display:table-cell;
    vertical-align:top;


}
.div_table_row{

    display:table-row;

}
input{
    font-family: IMPORT-REGULAR;
    font-size:0.9em;
    border:#CCC thin solid;

}
textarea{
    font-family: IMPORT-REGULAR;
    min-height:120px;
    font-size:1em;
    width:95%;	
}
input[type="checkbox"]{
    cursor:pointer;	
}
input[type="submit"],input[type="button"]{
    cursor:pointer;
    border-radius:3px;
    padding:5px;
    transition:0.5s;
    text-transform:capitalize;
    width:100px;
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #f9f9f9 50%, #f1f1f1 51%, #fbfbfb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f9f9f9), color-stop(51%,#f1f1f1), color-stop(100%,#fbfbfb));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f9f9f9 50%,#f1f1f1 51%,#fbfbfb 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#f9f9f9 50%,#f1f1f1 51%,#fbfbfb 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#f9f9f9 50%,#f1f1f1 51%,#fbfbfb 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#f9f9f9 50%,#f1f1f1 51%,#fbfbfb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fbfbfb',GradientType=0 );

}
input[type="submit"]:hover,input[type="button"]:hover{
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #fbfbfb 50%, #f6f6f6 51%, #fcfcfc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#fbfbfb), color-stop(51%,#f6f6f6), color-stop(100%,#fcfcfc));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#fbfbfb 50%,#f6f6f6 51%,#fcfcfc 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#fbfbfb 50%,#f6f6f6 51%,#fcfcfc 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#fbfbfb 50%,#f6f6f6 51%,#fcfcfc 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#fbfbfb 50%,#f6f6f6 51%,#fcfcfc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fcfcfc',GradientType=0 );


}
#head{
    width:100%;
    position:fixed;
    top:0px;
    z-index:99999;
    vertical-align:middle;
    background:#FFF;
    box-shadow:1px 1px 3px #000;



    height:120px;
    transition:0.2s;
    display:table;

}
#logo_home{
    cursor:pointer;
    display:table-cell;

    background: url(../images/body/logo.png) no-repeat center;
    background-size:200px;
    height:120px;

    margin:auto;
    text-align:center;
    width:250px;
    transition:0.2s;
}
#login_body{
    display:table-cell;
    vertical-align:middle;




}
#login_body input{
    width:80px;
    height:90%;
    vertical-align:middle;

}
#login_body div{
    display:inline-block;
    width:80px;
    padding-right:20px;

}
#login_body .button{
    text-align:center;
    vertical-align:middle;
    color:#FFF;
    display:inline-block;
    width:100px;
    height:auto;
    font-size:1em;


    border-radius:7px;
    border:none;

    background: #6E2145;
    cursor:pointer;
    transition:0.4s;
    margin-right:12px;

}
#login_body .button:hover{
    background: #892956;
}
#login_body .recuperar_clave{
    display:table-row;
    font-size:0.8em;
}
.button{
    display:block;

    font-size:0.9em;
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 50%, #ececec 51%, #f9f9f9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f6f6f6), color-stop(51%,#ececec), color-stop(100%,#f9f9f9));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 50%,#ececec 51%,#f9f9f9 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 50%,#ececec 51%,#f9f9f9 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 50%,#ececec 51%,#f9f9f9 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 50%,#ececec 51%,#f9f9f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 );



    border:solid thin #CCC;
    color:#333;
    width:60px;

    text-align:center;
    padding:7px;
    border-radius:5px;
}
.button:hover{
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #f9f9f9 50%, #f1f1f1 51%, #fbfbfb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f9f9f9), color-stop(51%,#f1f1f1), color-stop(100%,#fbfbfb));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f9f9f9 50%,#f1f1f1 51%,#fbfbfb 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#f9f9f9 50%,#f1f1f1 51%,#fbfbfb 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#f9f9f9 50%,#f1f1f1 51%,#fbfbfb 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#f9f9f9 50%,#f1f1f1 51%,#fbfbfb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fbfbfb',GradientType=0 );


}
#body #texto_home{
    width:95%;
    display:table-row;
    margin:auto;
    padding:10px 0 0 0;

}
#menu_home{
    font-family:IMPORT-BLACK;
    display:table-cell;	

    vertical-align:middle;
}
#menu_home a{
    display:table-cell;	
    text-decoration:none;
    height:130px;
    width:140px;
    background: #FFF;
    vertical-align:middle;
    text-align:center;
    color:#333;
    transition:background-color 0.5s,border 0.5s,color 0.5s, height 0.2s;
    border-right:#fff 1px solid;
    border-left:#fff 1px solid;
}
#menu_home a:hover,#menu_home a.selected{
    background: #6E2145;
    color:#FFF;
    vertical-align:middle;
    /*	background: url(../images/body/btn_nav.jpg) repeat center;*/
    border-left:#892755 1px solid;
    border-right:#350e20 1px solid;
}

#home_slider{

    width:100%;
    min-width:1150px;

    height:213px;

    background-size:100%;
}

#secciones_iconos{
    display:table;
    margin:auto;
    width:100%;
    margin-top:20px;
    padding:20px;
    border-top:dashed thin #CCC;
    border-bottom:dashed thin #CCC;
}
.icono_home{
    display:table-cell;
    width:25%;
    height:140px;


    text-align:center;




}
.icono_home_img{
    display:inline-block;
    border-radius:15px;
    border:dashed #CCC 7px;
    margin:auto;
    width:150px;
    height:150px;
    cursor:pointer;
    margin-bottom:10px;
    background:#CCC;
    transition:0.5s;
}
.icono_home_img:hover{
    border-radius:75px;
    border: dashed #6E2145 7px;
    background:#FFF;


}
.icono_home_texto{

    color:#000;
    font-size:1.2em;
    text-align:center;
    vertical-align:bottom;
}
#content{
    min-height:450px;
    height:100%;
    width:90%;
    margin:auto;
    padding-top:30px;
}


#bloques{
    width:100%;
    display:table;	
    margin:auto;


}
#bloque_izq{
    display:table-cell;
    overflow:auto;
    width:50%;
    border-right:dashed thin #CCC;	
}
#bloque_dcha{
    overflow:auto;
    height:140px;
    padding-left:20px;
    display:table-cell;
    width:50%;	
}

#footer{
    font-size:0.8em;
    margin:20px 0 0 0;
    padding:20px 0 30px 0;
    text-align:center;
    vertical-align:middle;
    background:#333;
    background: url(../images/body/footer_bg.jpg) repeat center;
    width:100%;
    height:100%;
}
#footer a{
    color:#FF9;
}
#footer a:hover{
    text-decoration:underline;

}
#footer #columns{
    width:90%;
    margin:auto;	
}
#footer #col1,#footer #col2,#footer #col3{
    display:table-cell;
    padding:0 25px 30px 25px;
    width:33%;
    border-right:dashed thin #999;
    text-align:left;
    margin-left:5%;
}
#footer #col3{
    border:none;	
}

.scrollToTop{
    width:100px; 
    height:130px;
    padding:10px; 
    text-align:center;
    background:url(../images/body/scroll.png) no-repeat center;

    font-weight: bold;
    color: none;
    text-decoration: none;
    position:fixed;
    bottom:50px;
    right:10px;
    display:none;

}
.scrollToTop:hover{
    background:url(../images/body/scrollOver.png) no-repeat center;
    text-decoration:none;
}
.mensaje_error{
    margin:30px auto auto auto;
    color:#900;
    text-align:center;
    width:100%;


}
.mensaje_error .button{

    margin:10px auto auto auto;



}
#aviso_cookies{
    position:fixed;
    display:table-row;
    color:#FFF;
    text-align:center;
    font-size:0.8em;
    background-color:#000;
    opacity:0.9;
    margin:auto;
    bottom:0px;
    z-index:9999999999;
    width:100%;
    height:40px;
    transition:bottom 0.6s;


}
#aviso_cookies .button{
    display:inline-block;
    margin-top:6px;
    padding:2px 7px 1px 7px; 
    border:none;
    color:#FFF;

    float:none;
    background:#6E2145;
    width:auto;
    height:20px;


}
#aviso_cookies .button:hover{
    background:#962d5e;
}